<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta name="Author" content="">
	<meta content="" name="design">
	<title>${webConfig.name}</title>
	<link rel="stylesheet" href="${s.base}/site/css/bootstrap.css"/>
	<link rel="stylesheet" href="${s.base}/site/css/css.css"/>
	<link rel="stylesheet" type="text/css" href="${s.base}/site/css/style.css"/>
</head>
<style>
	body,html{
		background: #fff;
		padding-top: 25px;
	}
</style>
<body>
<!--头部-->
<header class="hytou">
	<div class="hytou1 after">
		<div class="hylogo">
			<a href="${s.base}/site/#"><img src="${webConfig.coverImage}" /> </a>
		</div>
		<ul class="hytouul after">
			<#list webNavigationList as webNavigation>
				<#if webNavigation.url?contains("?")>
					<li <#if webNavigation.id==navId>class="on"</#if>><a href="${webNavigation.url}&navId=${webNavigation.id}">${webNavigation.name}</a></li>
					<#else>
						<li <#if webNavigation.id==navId>class="on"</#if> ><a href="${webNavigation.url}?navId=${webNavigation.id}">${webNavigation.name}</a></li>
				</#if>
			</#list>
		</ul>
		<div class="hytou2 after">
			服务热线
			<span>${webConfig.telephone}</span>
		</div>
	</div>
</header>
<div>
	<img src="${s.base}/site/images/about1.jpg" />
</div>

<div class="abm1 newinter">
	<p class="ab_p1">公司简介</p>
	<div class="abm1_text">
		这里介绍公司相关简介这里介绍公司相关简介，这里介绍公司相关简介这里介绍公司相关简介，这里介绍公司相关简介这里介绍公司相关简介。<br /><br />
		这里介绍公司相关简介这里介绍公司相关简介，这里介绍公司相关简介这里介绍公司相关简介，这里介绍公司相关简介这里介绍公司相关简介。这里介绍公司相关简介这里介绍公司相关简介，这里介绍公司相关简介这里介绍公司相关简介，这里介绍公司相关简介这里介绍公司相关简介。<br /><br />
		这里介绍公司相关简介这里介绍公司相关简介，这里介绍公司相关简介这里介绍公司相关简介，这里介绍公司相关简介这里介绍公司相关简介。这里介绍公司相关简介这里介绍公司相关简介，这里介绍公司相关简介这里介绍公司相关简介，这里介绍公司相关简介这里介绍公司相关简介。这里介绍公司相关简介这里介绍公司相关简介，这里介绍公司相关简介这里介绍公司相关简介，这里介绍公司相关简介这里介绍公司相关简介。<br />
	</div>
</div>
<div class="newinter">
	<img src="${s.base}/site/images/about2.jpg" />
</div>

<div class="ablb newinter">
	<div id="myCarousel" class="carousel slide">
		<!-- 轮播（Carousel）指标 -->
		<ol class="carousel-indicators">
			<li data-target="#myCarousel" data-slide-to="0" class="active">2014</li>
			<li data-target="#myCarousel" data-slide-to="1">2015</li>
			<li data-target="#myCarousel" data-slide-to="2">2016</li>
			<li data-target="#myCarousel" data-slide-to="3">2017</li>
			<li data-target="#myCarousel" data-slide-to="4">2018</li>
		</ol>   
		<!-- 轮播（Carousel）项目 -->
		<div class="carousel-inner">
			<div class="item active">
				<p class="ab_p2">这里是标题，写这一年的成就，大事件。</p>
				<div class="abm1_text">
					这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。<br /><br />
					这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。<br /><br />
					这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。<br />
				</div>
			</div>
			<div class="item">
				<p class="ab_p2">这里是标题，写这一年的成就，大事件。</p>
				<div class="abm1_text">
					这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。<br /><br />
					这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。<br /><br />
					这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。<br />
				</div>
			</div>
			<div class="item">
				<p class="ab_p2">这里是标题，写这一年的成就，大事件。</p>
				<div class="abm1_text">
					这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。<br /><br />
					这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。<br /><br />
					这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。<br />
				</div>
			</div>
			<div class="item">
				<p class="ab_p2">这里是标题，写这一年的成就，大事件。</p>
				<div class="abm1_text">
					这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。<br /><br />
					这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。<br /><br />
					这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。<br />
				</div>
			</div>
			<div class="item">
				<p class="ab_p2">这里是标题，写这一年的成就，大事件。</p>
				<div class="abm1_text">
					这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。<br /><br />
					这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。<br /><br />
					这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。这里是文本介绍，充分说明这一年所经历的事情。<br />
				</div>
			</div>
		</div>
		<!-- 轮播（Carousel）导航 -->
		<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"></a>
		<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"></a>
	</div> 
</div>







<!--底部-->
<footer>
	<div class="hyfoot0 ">
		<div class="hyfootm1 after">
			<div class="hyfoot_le">
				<p class="hyfoot_p1">快速通道</p>
				<p class="hyfoot_p2"><span class="on" data-id="1">城市楼盘</span><span data-id="2">城市小区</span><span data-id="3">城市房价</span><span data-id="4">热门房产网</span></p>
				<div class="hyfoot_tab">
					<ul class="hyfoot_ul" id="linkeShow">
					</ul>
				</div>
			</div>
			<div class="hyfoot_ri after">
				<div class="hyfoot_ri1">
					<p class="hyfoot_p1">联系我们</p>
					<#list webLinkerList as webLinker>
						<p class="hyfoot_p3"><a href="${webLinker.url}">${webLinker.name}</a> </p>
					</#list>
				</div>
				<div class="hyfoot_ri2">
					<p class="hyfoot_p4">服务声明邮箱: ${webConfig.email} </p>
					<p class="hyfoot_p5">服务热线: <span>${webConfig.telephone}</span> </p>
					<div class="hyfootewm after">
						<div>
							<img src="${s.base}/site/images/foot.jpg" />
							<p>关注微信</p>
						</div>
						<div>
							<img src="${s.base}/site/images/foot1.jpg" />
							<p>下载APP</p>
						</div>
					</div>
				</div>


			</div>
		</div>
	</div>
	<div class="hyfoot01">${webConfig.copyright}</div>
</footer>

<script type="text/javascript" src="${s.base}/site/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="${s.base}/site/js/jquery.sPage.css"/>
<script type="text/javascript" src="${s.base}/site/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="${s.base}/site/js/jquery.sPage.js"></script>
<script>
    $(document).ready(function(e) {
        linke(1);
    });
    //友情链接 友情链接:1、城市楼盘，2、城市小区，3、城市房价、4、热门房产网,5、联系我们
    function linke(linkeType) {
        $("#linkeShow").html("");
        $.post("/webPc/linker", {'linkeType':linkeType}, function (result) {
            if (result.code === 0) {
                //操作成功
                if (result.data != null && result.data.length > 0) {
                    var str="";
                    for(var i=0;i<result.data.length;i++){
                        var obj=result.data[i];
                        if(i%7==0&&i==0){
                            str+="<li>"
                        }else if(i%7==0){
                            str+="</li><li>"
                        }
                        str+='<a href="'+obj.url+'" target="_blank">'+obj.name+'</a>';
                    }
                    str+="</li>";
                    $("#linkeShow").html(str);
                }
            } else {
                //操作失败
                console.log(result.msg);
            }
        }, "json");
    }
    //	底部切换
    $('.hyfoot_p2 span').click(function(){
        $(this).addClass('on').siblings().removeClass('on');
        var dataId=$(this).attr("data-id");
        linke(dataId);
    })

</script>
</body>
</html>
